<template>
	<view class="Consultantdetails-box">
		<u-navbar title="课程详情">
			<view slot="right" style="margin-right: 40upx;font-size: 24upx;font-weight: 400;color: #0585F2;" @click="open">解绑</view>
		</u-navbar>
		<view class="Consultantdetails-auto">
			<view class="Consultantdetails-auto-title">赵海洋</view>
			<view class="Consultantdetails-auto-content">
				<view class="Consultantdetails-fullname">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">姓名</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">赵海洋</view>
						</u-col>
					</u-row>
				</view>
				<view class="Consultantdetails-WeChat">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">微信</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">HZF09100024</view>
						</u-col>
					</u-row>
				</view>
				<view class="contactinformation">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">联系方式</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">18079442429</view>
						</u-col>
					</u-row>
				</view>
				<view class="Consultantdetails-EmailNo">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">邮箱号</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">764537542@qq.com</view>
						</u-col>
					</u-row>
				</view>
				<view class="Consultantdetails-Campus">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">所属校区</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">江西-抚州-临川校区</view>
						</u-col>
					</u-row>
				</view>
				<view class="Curriculum-specialty">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">课程专业</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">语言培训-成人英语-新概念英语</view>
						</u-col>
					</u-row>
				</view>
				<view class="Binding-time">
					<u-row gutter="16">
						<u-col span="3">
							<view class="demo-layout bg-purple">绑定时间</view>
						</u-col>
						<u-col span="9">
							<view class="demo-layout bg-purple-light">2021/04/19 12:00:00</view>
						</u-col>
					</u-row>
				</view>
			</view>
		</view>
		<view class="Consultantdetails-bottom" style="padding: 50px 0 340px;display: flex;align-items: center;justify-content: center;">
			<u-button type="success" size="medium" @click="ChangePassword()">修改密码</u-button>
		</view>
		<view class="tck-box">
			<u-modal v-model="show" :content="content" show-confirm-button show-cancel-button title="提示" confirm-text="确定" cancel-text="取消"></u-modal>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				content: '确认解绑?'
			}
		},
		onLoad() {
			
		},
		methods: {
			open() {
				this.show = true;
			},
			ChangePassword(){
				uni.navigateTo({
					url: '/pages/campus/ChangePassword'
				})
			}
		}
	}
</script>

<style>
	.tck-box  /deep/ .u-model{
		padding: 20px;
	}
	.tck-box  /deep/ .u-model__title{
		color: #666;
		font-weight: bold;
		padding: 0;
		text-align: left;
	}
	.tck-box  /deep/ .u-model__content__message{
		padding: 20px 0;
		text-align: left;
		color: #212121;
		line-height: 30px;
		text-align: justify;
		word-wrap: break-word;
		word-break: break-all;
		font-weight: 500;
	}
	.tck-box  /deep/ .u-model__footer{
		width: 75%;
		float: right;
	}
	.tck-box  /deep/ .u-model__footer__button{
		height: 35px;
		line-height: 35px;
		border-radius: 2px;
	}
	.tck-box  /deep/ .u-model__footer__button:nth-child(1){
		color: #999999 !important;
		background-color: #E5E5E5;
	}
	.tck-box  /deep/ .u-model__footer__button:nth-child(2){
		color: #ffffff !important;
		margin-left: 20px;
		background-color: #87B847;
	}
	.tck-box  /deep/ .u-border-top:after{
		border: 0;
	}
	.tck-box /deep/ .u-mode-center-box{
		border-radius: 5px !important;
	}
</style>

<style lang="scss" scoped>
	.Consultantdetails-box{
		background-color: #F7FCFF;
	}
	.Consultantdetails-top{}
	.Consultantdetails-auto{}
	.Consultantdetails-auto-title{
		color: #0585F2;
		height: 80upx;
		line-height: 80upx;
		font-weight: bolder;
		text-align: center;
		background-color: #EAF4FF;
	}
	.Consultantdetails-auto-content{
		padding: 40upx;
		background-color: #fff;
	}
	.Consultantdetails-auto-content .u-row{
		margin-bottom: 20px;
	}
	.Consultantdetails-auto-content .Binding-time .u-row{
		margin-bottom: 0;
	}
	.Consultantdetails-bottom .u-btn--success{
		background-color: #87B847 !important;
	}
	.Consultantdetails-auto .u-col-3{
		color: #999;
	}
</style>
